<!DOCTYPE HTML>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="202313537.css">
		<meta charset="UTF-8">
		<title>(웹 프로그래밍) 과제 #1</title>
		<link href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap" rel="stylesheet">
		<link href="https://fonts.googleapis.com/css2?family=Gowun+Batang&family=Gowun+Dodum&display=swap" rel="stylesheet">
	</head>
	<body>
		<header id="header">
			<h1>2024년 봄 – 서울의 길을 걷다!</h1>
			<h3>--한강--</h3>
		</header>
		<nav id="navigation">
			<input id="myselfD1" type="radio" name="tab" checked="checked">
			<input id="friendD2" type="radio" name="tab">
			<input id="hangangIndrotuceD3" type="radio" name="tab">
			<input id="hangangGuideD4" type="radio" name="tab">
			<section class="tab-title">
				<label for="myselfD1">나의 대한 소개</label>
				<label for="friendD2">짝꿍 소개</label>
				<label for="hangangIndrotuceD3">한강 소개</label>
				<label for="hangangGuideD4">한강 산책로 안내</label>
			</section>
			<div class="tab-item">
				<div id="myself">
					<div id="photosIndrotuce">
					<h3>나의 소개</h3>
					<p><img src="1.jpeg" width="450" height="600" alt="myselfPhoto">
						<br/>
						한강 옆에 타워에서 찍었습니다.
					</p>
					</div>
					<div id="myselfText">
					<p>
						현재 이 페이지를 보고 있는 친구, 안녕하세요! <br>
						저는 컴퓨터공학과 2학년 유흠이라고 합니다. <br>
						중국 강서성에서 왔고 올래 20세입니다. <br>
						저는 부드러우면서도 활발한 성격을 지니고 있습니다. <br>
					    호기심도 많고 취미도 많습니다. <br>
						특히 운동을 좋아하는데 가장 좋아하는 운동은 농구입니다. <br>  
					</p>
					</div>				
				</div>
				<footer id="footer">
				<em>created by 유흠 202313537</em>
				</footer>
			</div>
			<div class="tab-item">
				<div id="friend">
					<div id="friendPhoto">
						<h3>짝꿍 소개</h3>
						<img src="2.jpeg" width="450" height="600" alt="friendPhoto">
						<p>인터뷰 사진</p>
					</div>
					<div id="friendText">
						<p>
							20문 20답
							<table>
								<tr>
									<td>문:왜 한강에 가고 싶어요?</td>
									<td>답:처번째 한강에 대한 역사를 알고 싶어요. 학교 근처에 있으니까 교통이 편리해요.</td>
								</tr>
								<tr>
									<td>문:무슨 색갈이 종아해요? </td>
									<td>답:횐색을 좋하해요. </td>
								</tr>
								<tr>
									<td>문:이번 학기에 수업을 잘 들었어요? </td>
									<td>답:비교적 잘 듣는 것 같아요. </td>
								</tr>
								<tr>
									<td>문:한국에 온 지 몇 년 지났어요?</td>
									<td>답:7년 좀 넘게 됐어요. </td>
								</tr>
								<tr>
									<td>문:이번 학기에 제일 종아하는 교수님이 누구세요? </td>
									<td>답:션 파트릭 스토리 </td>
								</tr>
								<tr>
									<td>문:가장 좋아하는 한국 요리가 뭐예요? </td>
									<td>답:닭도리탕 </td>
								</tr>
								<tr>
									<td>문:좋아하는 한국 연예인이 있어요? </td>	
									<td>답:없어요. </td>
								</tr>
								<tr>
									<td>문:술을 잘 마셔요? </td>
									<td>답:그저 그래요. </td>
								</tr>
								<tr>
									<td>문:MBTI가 뭐예요? </td>
									<td>답:한 적이 없어요. </td>
								</tr>
								<tr>
									<td>문:한국어를 공부하는 방법이 있어요. </td>
									<td>답:대화를 많이 해요. </td>
								</tr>
								<tr>
									<td>문:방학때에 하루에 어떠게 지나요? </td>
									<td>답:게임해요. </td>
								</tr>
								<tr>
									<td>문:가장 큰 장점이 뭐예요? </td>
									<td>답:몰라요. </td>
								</tr>
								<tr>
									<td>문:python를 할 수 있어요? </td>
									<td>답:조금 할 줄 알아요. </td>
								</tr>
								<tr>
									<td>문:꿈이 뭐예요? </td>
									<td>답:돈을 벌어요. </td>
								</tr>
								<tr>
									<td>문:왜 컴퓨터공학과를 선택했어요? </td>
									<td>답:육체 농동보다 힘들지 않아서. </td>
								</tr>
								<tr>
									<td>문:졸업하면 어디에 가고 싶어요? </td>
									<td>답:대학원에 가고 싶어요. </td>
								</tr>
								<tr>
									<td>문:아르바르트를 한 적이 있어요? </td>
									<td>답:없어요. </td>
								</tr>
								<tr>
									<td>문:너한테 제일 무서운 것이 뭐예요? </td>
									<td>답:위험한 동물이에다. </td>
								</tr>
								<tr>
									<td>문:무슨 종교가 믿어요? </td>
									<td>답:안 믿어요. </td>
								</tr>
								<tr>
									<td>문:자기 전에 먼저 생각이 나오는 것이 뭐예요? </td>
									<td>답:자기과 내일은 생각해요. </td>
								</tr>
								<tr>
									<td>문: 좋아하는 명절이 있어요? </td>
									<td>답:다 좋아해요. </td>
								</tr>
							</table>
						</p>
					</div>
				</div>
				<footer id="footer">
				<em>created by 유흠 202313537</em>
				</footer>
			</div>
			<div id="tab-item">
				<div id="hangangIndrotuce">
					<div id="hanggangPhoto">
						<h3>한강 소개</h3>
						<img src="4.jpg" width="700" height="600" alt="hangangPhoto">
						<p>한강의 사진</p>
					</div>
					<div id="hangangText">
						<p>
							소개:<br>
							북위 36。 30' ∼ 38。 55'동경 126。 24'∼129。02'에 걸쳐<br>
							 한반도의 중앙에 위치한 강으로 백두대간 태백산맥(太白山脈)<br>
							 에서 발원(發源)하여 강원도, 충청북도, 경기도, 서울특별시를 거쳐<br>
							  서해(西海)로 유입되는 한반도(韓半島) 중부지역의 강으로 유량을 기준으로 할 경우 남한에서 가장 규모가 큰 강이다.<br>
						</p><br>
						<p>
							이유:<br>
							한국 경제에는 한강 기적이라는 말이 있다. <br> 
							그리고 한강은 한국에서 유명한 하류중 하나로 오랜 역사를 가지고 있다. <br>
							나는 이번 산책을 통하여 한강에 대한 것을 더 알아보고 싶다. 
						</p>
					</div>
				</div>
				<footer id="footer">
				<em>created by 유흠 202313537</em>
				</footer>
			</div>
			<div id="tab-item">
				<div id="hangangGuide">
					<div id="list">
					<h3>한강 산책로 안내</h3>
					<a href="#prepareThings">바로가기--->준비</a><br><br>
					<a href="#introduce1">바로가기--->출발</a><br><br>
					<a href="#summary">바로가기--->느낌점</a><br>
					</div>
					<div id="prepareThings">
						<p>
							준비<br>
							준비물: 물, 모자<br>
							일정: 3월31일 점심<br>
							산책경로: 뚝섬한강공원<br>
							대중교통 정보:<br>
							<img src="5.png" width="1000" height="500" alt="areaPhoto1"><br>
							7호선 자양(뚝섬한강공원)역 2,3번출구로 부터 나오면 바로이다. 버스2221,2222,2415,광진05를 타서 신자초등학교 앞 에서 내려도 많이 가깝다. 
							운전을 하는 경우에는 공원안에 주차장도 많이 존재한다.

							<img src="6.jpg" width="1000" height="600" alt="areaPhoto2"><br>
							지하철 역
						</p>
					</div>
					<div id="introduce1">
						<p>
							출발:<br>
							<img src="7.jpg" width="1200" height="700" alt="foodPhoto"><br>
							란저우 라면 맛있다.
							<br>
						</p>
					</div>
					<div id="introduce2">
						<p>
							<img src="8.jpeg" width="1000" height="600" alt="area1"><br>
							이 터널을 통과하면 도착할 수 있다.
							<br>
						</p>
					</div>
					<div id="introduce3">
						<p>
							<img src="9.jpeg" width="1000" height="600" alt="area2"><br>
							여기 소풍 가는 사람 많았다.
							<br>
						</p>
					</div>
					<div id="introduce4">
						<p>
							<img src="10.jpeg" width="1000" height="600" alt="area3"><br>
							먼저 이 건물안에 가보도록 하겠다.
							<br>
						</p>
					</div>
					<div id="introduce5">
						<p>
							<img src="11.jpeg" width="1000" height="600" alt="area4"><br>
							위에서 더 잘 볼 수 있었다.<br>
							<img src="12.jpg" width="1000" height="600" alt="area5"><br>
							한강에 대한 소개를 듣고 있었다.<br>
							<img src="13.jpg" width="1000" height="600" alt="area6"><br>
							아쉽지만 지금 2층은 아직 오픈하지 않았으니까 5월에 오픈을 기다려야 한다.
							<br>
						</p>
					</div>
					<div id="introduce6">
						<p>
							<img src="14.jpeg" width="1000" height="600" alt="area7"><br>
							건물에 내려갔고 보행로에 걷고 있었다.<br>
							<img src="15.jpeg" width="1000" height="600" alt="area8"><br>
							여기에 배를 탈 수 있고 한강위에 이동한다.<br>
							<img src="16.jpeg" width="1000" height="600" alt="area9"><br>
							작은 광장에 도착했고 선거 투표에 관한 소리가 들었다.<br>
							<img src="17.jpeg" width="1000" height="600" alt="area10"><br>
							돌아가는 길에 있었다.	<br>				
						</p>
					</div>
					<div id="summary">
						<p>
							느낌점:<br>
							이번 산책을 통하여 저는 한국 한강의 자연 경치를 감상하고 한국 사람들의 일상생활을 알게 되었다.한강변에는 산책하는 사람뿐만 아니라 자전거 타기, 소풍, 연을 띄우기 등 사람과 자연이 어우러진 장면을 볼 수 있다.<br>
							<img src="18.jpeg" width="1000" height="650" alt="togetherPhoto"><br>
							아름다운 한강과 멋있는 사람들~ <a href="#hangangGuide">-->위에 바로 가기<a>
						</p>
					</div>
				</div>
				<footer id="footer">
				<em>created by 유흠 202313537</em>
				</footer>
			</div>
		</nav>
	</body>
</html>